<div class="pl4 pt4">
    <div>Tùy chỉnh hiện thị đơn hàng :</div>
    <div id="jqxOrderStatus"></div>
</div>
<script type="text/javascript">
    $(document).ready(function(){
        $("#jqxOrderStatus").jqxDropDownList({ 
            source: ["Tất cả","Đơn hàng chưa hoàn thành","Đơn hàng đã hoàn thành","Đơn hàng đã hủy"], 
            selectedIndex: {{$Data["aStatus"]}},
            width: '228', 
            height: 22,
            theme: "classic" 
        }).bind('change',function (event) {
            var args = event.args;
            if (args) {
                var index = args.index;
                var url="{{base_url()}}APanel/order/changeFilterbyStatus";
                var data={
                    value:index
                }
                isrunning=true;
                jqxAjax(url,data,function(result){
                    if(result.code>=0){
                        myjqxGrid.Refresh();
                    }
                });
            }
        });
    });
</script>